<div class="infoBlockB" style="height: 256px;">
<div class="left"><img src="{$CONTEXT.STYLEIMG}h_m_1.jpg" id="opacity_1" /></div>
<div class="right"><img src="{$CONTEXT.STYLEIMG}h_m_2.jpg" id="opacity_2" /></div>
<div style="position: relative; top: -250px; left: 0px; width: 689px; height: 250px; clear: both; ">
<div><img src="{$CONTEXT.STYLEIMG}h_m_3.gif" /></div>
<div style="height: 80px;"></div>
<div><img src="{$CONTEXT.STYLEIMG}h_m_4.gif" /></div>
</div>
<div class="clear"></div>
</div>

{literal}
<script type="text/javascript" language="javascript">
var opacity1 = new opacity_process();
opacity1.swap('opacity_1');
var opacity2 = new opacity_process();
opacity2.swap('opacity_2', 1);
//
addLoadEvent(function(){
		//
		if( IS_IE ) {
			//
			var tm1 = $E("tm1");
			var tm1s = $E("tm1s");
			tm1s.style.display = "none";
			//
			var tm1d = document.createElement("DIV");
			tm1d.style.position = "absolute";
			tm1d.style.left = getOffsetLeft(tm1)+"px";
			tm1d.style.top = (getOffsetTop(tm1)+30)+"px";
			//tm1d.style.width = "200px";
			//tm1d.style.height = "200px";
			tm1d.innerHTML = "<ul class=hs>"+tm1s.innerHTML+"</ul>";
			tm1d.style.display = "none";
			tm1d.style.zIndex = "1000";
			tm1d.className = "tmhs";
			document.body.appendChild(tm1d);
			//
			tm1d.onmouseover = function(){
				this.style.display = "block";
			};
			tm1d.onmouseout = function(){
				this.style.display = "none";
			};
			tm1.onmouseover = function(){
				tm1d.style.display = "block";
			};
			tm1.onmouseout = function(){
				tm1d.style.display = "none";
			};
		}
					  });
</script>
{/literal}
